<html>
    <head>
        <title>按键修饰符</title>
    </head>
    <body>
        <script>
             // ★五、按键修饰符
                                        
                                        /*
                                            在监听键盘事件时，我们经常需要检查详细的按键。
                                            Vue 允许为 v-on 在监听键盘事件时添加按键修饰符：
                                        */
                                                /*
                                                     只有在'key' 是 'Enter'时调用 'vm.submit()'

                                                     <input v-on:keyup.enter="submit">
                                                */
                                        /*
                                            你可以直接将 KeyboardEvent.key暴露的任意有效按键名转换为 kebab-case 来作为修饰符。

                                               eg：
                                                     <input v-on:keyup.page-down="onPageDown">
                                                 
                                                     在上述示例中，处理函数只会在 $event.key 等于 PageDown时被调用。
                                        */
        </script>
    </body>
</html>